<header class="index_3">
    <div class="header_top_area">
        <div class="container">
            <div class="row">
                <div class="col-12 col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="contact_wrapper_top">
                        <ul class="header_top_contact">
                            <li><i class="fa fa-phone" aria-hidden="true"></i>+123-456-7890</li>
                            <li><i class="fa fa-envelope-o" aria-hidden="true"></i>info@yourcompany.com</li>
                        </ul>
                        <div class="book-btn">
                            <a href="#">Book Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- header top end -->

    <div class="main_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-sm-2 col-xs-12 tap-v-responsive">
                    <div class="logo-area">
                        <a href="index.html"><img src="images/logo.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-10">
                    <nav>
                        <ul class="main-menu text-right">
                            <li class="active"><a href="index.html">Home</a>
                                <ul class="dropdown">
                                    <li><a href="index.html">Home V1</a></li>
                                    <li><a href="index-2.html">Home V2</a></li>
                                    <li><a href="index-3.html">Home V3</a></li>
                                    <li><a href="index-4.html">Home V4</a></li>
                                </ul>
                            </li>
                            <li><a href="package-version-one.html">Package List</a>
                                <ul class="dropdown">
                                    <li><a href="package-version-one.html">Package One</a></li>
                                    <li><a href="package-version-two.html">Package Two</a></li>
                                    <li><a href="single-package.html">Package Details</a></li>
                                </ul>
                            </li>
                            <li><a href="hotel-version-one.html">Hotels</a>
                                <ul class="dropdown">
                                    <li><a href="hotel-version-one.html">Hotel One</a></li>
                                    <li><a href="hotel-version-two.html">Hotel Two</a></li>
                                    <li><a href="hotel-details.html">Hotel Details</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Flights</a></li>
                            <li><a href="blog-version-one.html">Blog</a>
                                <ul class="dropdown">
                                    <li><a href="blog-version-one.html">Blog One</a></li>
                                    <li><a href="blog-version-two.html">Blog Two</a></li>
                                    <li><a href="blog-single.html">Blog Post</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Pages</a>
                                <ul class="dropdown">
                                    <li><a href="package-version-one.html">Package One</a></li>
                                    <li><a href="package-version-two.html">Package Two</a></li>
                                    <li><a href="single-package.html">single package</a></li>
                                    <li><a href="hotel-version-one.html">Hotel One</a></li>
                                    <li><a href="hotel-version-two.html">Hotel Two</a></li>
                                    <li><a href="blog-version-one.html">Blog One</a></li>
                                    <li><a href="hotel-version-two.html">Blog Two </a></li>
                                    <li><a href="blog-single.html">Single Blog</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div> <!-- main menu end here -->
            </div>
        </div>
    </div> <!-- header-bottom area end here -->


    <!--==================
        Slider
    ===================-->
    <div class="rev_slider_wrapper" id="slider_area_2">
        <div id="rev_slider_3" class="rev_slider">
            <!-- BEGIN SLIDES LIST -->
            <ul>
                <!-- slider one start -->
                <li data-index="rs-3045" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"  data-thumb="images/slider/slider-back-03.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="images/slider/slider-back-03.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->
                    <!-- BEGIN BASIC TEXT LAYER -->
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption sfr font-extra-bold tp-resizeme letter-space-4 title-line-12"
                         data-x="['left','left','left','center']" data-hoffset="['70','-100','0','-15']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-30','-60','-57','-28']"
                         data-fontsize="['60','100','80','50']"
                         data-lineheight="['66','100','80','60']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1750,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":750,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'

                         style="z-index: 6; color:#fff; font-family:'Poppins', sans-serif; white-space: nowrap; font-weight:600;">World Bigget Sea<br>Beach
                    </div>

                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption sfr font-extra-bold tp-resizeme letter-space-4 title-line-2"
                         data-x="['left','left','left','center']" data-hoffset="['70','-100','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['100','130','100','50']"
                         data-fontsize="['16','30','30','16']"
                         data-lineheight="['30','50','50','30']"
                         data-width="['none','none','681','400']"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1750,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         data-frames='[{"delay":0,"speed":3000,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'

                         style="z-index: 6; color:#fff; text-transform:capitalize; font-family:'Poppins', sans-serif; white-space: nowrap; font-weight:400;">Lorem ipsum dolor sit amet consectetur adipiscing elitEtiam<br>At ligula vestibulum sodales Sed luctus
                    </div>
                </li>
                <!-- end slider one -->

                <!-- slider two start -->
                <li data-index="rs-3048" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"  data-thumb="../../assets/images/fitness-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="HTML5 Video" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="images/slider/slider-back-02.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                    <!-- BEGIN BASIC TEXT LAYER -->
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption sfr font-extra-bold tp-resizeme letter-space-4 title-line-12"
                         data-x="['left','left','left','center']" data-hoffset="['70','-100','0','-15']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-30','-60','-57','-128']"
                         data-fontsize="['60','100','80','50']"
                         data-lineheight="['86','100','80','60']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1750,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":750,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'

                         style="z-index: 6; color:#fff; font-family:'Poppins', sans-serif; white-space: nowrap; font-weight:600;">Warrumbungles
                    </div>

                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption sfr font-extra-bold tp-resizeme letter-space-4 title-line-2"
                         data-x="['left','left','left','center']" data-hoffset="['70','-100','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['30','130','100','-100']"
                         data-fontsize="['16','30','30','16']"
                         data-lineheight="['30','50','50','30']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1750,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         data-frames='[{"delay":0,"speed":3000,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'

                         style="z-index: 6; color:#fff; text-transform:capitalize; font-family:'Poppins', sans-serif; white-space: nowrap; font-weight:400;">Start From
                        <span style=" color: #f15b5c; font-weight:500;">$250</span>/3Days, 2Night
                    </div>

                </li>
            </ul> <!-- END SLIDES LIST -->
        </div> <!-- END SLIDER CONTAINER -->
    </div> <!-- END SLIDER CONTAINER WRAPPER -->
    <div class="herounit-bg">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 ml-auto form_3">
                    <div class="search_form_3">
                        <form action="#" method="post">
                            <div class="form_wrapper">
                                <div class="form-group">
                                    <label>Search</label>
                                    <input name="s" id="keyword"  placeholder="Type keyword" value="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>Location</label>
                                    <select class="location-results" name="country">
                                        <option>Select a Location</option>
                                        <option value="USA">America</option>
                                        <option value="Japan">Austrila</option>
                                        <option value="Japan">Banmgladesh</option>
                                        <option value="Japan">Canada</option>
                                        <option value="Japan">Sylhet</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Check Date</label>
                                    <input name="check-in" id="datepicker"  placeholder="Check In" value="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>Person</label>
                                    <input name="guest"  id="guest" placeholder="Guest" value="" type="number">
                                </div>
                            </div>
                            <div class="scarch_btn">
                                <button type="submit" class="search-btn-3 hvr-shutter-out-horizontal"><i class="fa fa-search"></i></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- hero unit end here -->
</header> <!-- header area end here -->